<template>
  <div>
    <!-- :value和@input的组合(默认情况)
    <input type="text" v-model="msg">
    <input type="text" :value="msg" @input="msg=$event.target.value" -->
    <!-- :value和@change的组合 -->
    <!-- <input type="text" v-model.lazy="msg2">
    <input type="text" :value="msg2" @change="msg2=$event.target.value" --> -->
    <!-- :checked和@change的组合 -->
    <!-- <input type="checkbox" v-model="flag">
    <input type="checkbox" :checkbox="flag" @change="flag=$event.target.checked" --> -->
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg:'abc',
      msg2:'bcd'
    }
  }
}
</script>

<style scoped>

</style>